﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="CateMenu.ascx.vb" Inherits="FrontEnd_Control_Category_CateMenu" %>
<!-- porlet DM san pham -->

<script type="text/javascript">
    $(function () {

        $("#ShowHide").click(function (e) {
            // alert(e.index);
            $("#TatCa").toggle("500");
            

            if ($(this).html() == "Tất cả hãng") {
                $(this).html("Rút gọn");
            }
            else {
                $(this).html("Tất cả hãng");
            }

        });


    });
</script>


<div class="porletleft_page">
    <div class="bgtitle_porletleft">
        <div class="texttitle_porletleft">
           <img align="middle" src='<%=ResolveUrl("~/FrontEnd/images/icon_car.png")%>' /> DANH MỤC HÃNG XE</div>
    </div>
    <div class="bgcontent_porletleft">
        <div class="boxmenuleft_pages">
        <script type="text/javascript">

            var menuids = ["sidebarmenu1","sidebarmenu2"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

            function initsidebarmenu() {
                for (var i = 0; i < menuids.length; i++) {
                    var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul")
                    for (var t = 0; t < ultags.length; t++) {
                        ultags[t].parentNode.getElementsByTagName("a")[0].className += " subfolderstyle"
                        if (ultags[t].parentNode.parentNode.id == menuids[i]) //if this is a first level submenu
                            ultags[t].style.left = ultags[t].parentNode.offsetWidth + "px" //dynamically position first level submenus to be width of main menu item
                        else //else if this is a sub level submenu (ul)
                            ultags[t].style.left = ultags[t - 1].getElementsByTagName("a")[0].offsetWidth + "px"//position menu to the right of menu item that activated it
                        ultags[t].parentNode.onmouseover = function () {
                            this.getElementsByTagName("ul")[0].style.display = "block"
                        }
                        ultags[t].parentNode.onmouseout = function () {
                            this.getElementsByTagName("ul")[0].style.display = "none"
                        }
                    }
                    for (var t = ultags.length - 1; t > -1; t--) { //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
                        ultags[t].style.visibility = "visible"
                        ultags[t].style.display = "none"
                    }
                }
                $("#TatCa").addClass("HideMenu");
            }
            if (window.addEventListener)
                window.addEventListener("load", initsidebarmenu, false)
            else if (window.attachEvent)
                window.attachEvent("onload", initsidebarmenu)
            
            		
        </script>
            <div class="sidebarmenu" style="float: left">
                <ul id="sidebarmenu1">
                    <%=strMenu %>
                    
                </ul>
                <div id="TatCa">
                    <ul id="sidebarmenu2" >
                      <%=strMenu2 %>
                    </ul>
                </div>
                <ul>
                    <li id="ShowHide" style="cursor:pointer;">Tất cả hãng</li>
                </ul>
            </div>
            <!-- end SP -->
             <div class="clear_both"></div>

        </div>
    </div>

    <div class="bgbottom_porletleft"></div>
</div>
<!-- end porlet DM san pham -->
